<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view locale="es_CL">
	<h:head>
		<title>Visualización de Ficha - Administración Catastro</title>
		<meta name="author" content="Pablo Sepúlveda - psep" />
		<link rel="shortcut icon" type="image/x-icon"
			href="resources/theme/img/favicon.ico" />
		<link type="text/css" rel="stylesheet"
			href="resources/theme/bootstrap.css" />
		<link type="text/css" rel="stylesheet"
			href="resources/theme/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="resources/theme/Site.css" />

		<script type="text/javascript" src="resources/theme/js/app.js"></script>
	</h:head>
	<body>
		<h:form>
			<div id="cabecera">
				<h:graphicImage value="resources/theme/img/minvu-logo.jpg" />
				<h1>Visualización de Ficha</h1>
			</div>
			<p:menubar>
				<p:menuitem value="Inicio" action="#{loginBean.goIndex}"
					icon="ui-icon-home" />
				<p:submenu label="Administración" icon="ui-icon-pencil"
					rendered="#{loginBean.root}">
					<p:menuitem value="Usuarios" action="#{loginBean.goUsuarios}"
						icon="ui-icon-person" />
					<p:menuitem value="Encuestadores"
						action="#{loginBean.goEncuestadores}" icon="ui-icon-person" />
				</p:submenu>
				<p:submenu label="Fichas" icon="ui-icon-copy">
					<p:menuitem value="Ver fichas" action="#{loginBean.goFichas}"
						icon="ui-icon-document" />
				</p:submenu>

				<f:facet name="options">
					<p:commandButton value="Salir" action="#{loginBean.logoutAction}"
						icon="ui-icon-extlink" />
				</f:facet>
			</p:menubar>
		</h:form>

		<h:form id="frmFichaPanel">
			<p:panel
				header="Ficha Técnica de Catastro Individual de Vivienda Afectada"
				style="margin-top:20px">
				<div style="width: 60%;">
					<p:panelGrid columns="8">
						<h:outputLabel value="ID Ficha" for="idFicha" />
						<h:outputText id="idFicha" value="#{fichaBean.fichaVO.idficha}" />
						<h:outputLabel value="Estado Ficha" for="estado" />
						<h:outputText id="estado"
							value="#{fichaBean.fichaVO.estadoFicha.glosa}" />
						<p:row>
							<p:commandButton id="viewPhoto" value="Ver Foto"
								style="margin-top: 10px;" disabled="#{fichaBean.btnPhoto}" />
							<p:overlayPanel id="imagePanel" for="viewPhoto" hideEffect="fade">
								<h:graphicImage width="400" value="#{fichaBean.photo}" />
							</p:overlayPanel>
						</p:row>
						<p:commandButton value="Volver" update=":frmFicha"
							style="margin-top: 10px;" action="#{loginBean.goFichas}" />
					</p:panelGrid>
				</div>
			</p:panel>
		</h:form>

		<h:form id="frmFicha">
			<div id="ficha" style="margin-top: 20px;">
				<p:panelGrid style="width: 100%;">
					<p:row>
						<p:column>
							<h:outputLabel value="Fecha Visita:" for="fechaIngreso" />
						</p:column>
						<p:column>
							<h:outputText id="fechaIngreso"
								value="#{fichaBean.fichaVO.fechaingreso}">
								<f:convertDateTime type="date" pattern="dd-MM-yyyy" />
							</h:outputText>
						</p:column>
						<p:column>
							<h:outputLabel value="Región" for="region" />
						</p:column>
						<p:column>
							<h:outputText id="region"
								value="#{fichaBean.fichaVO.direccion.comuna.region.glosa}" />
						</p:column>
						<p:column>
							<h:outputLabel value="Comuna" for="comuna" />
						</p:column>
						<p:column>
							<h:outputText id="comuna"
								value="#{fichaBean.fichaVO.direccion.comuna.glosa}" />
						</p:column>
					</p:row>
					<p:row>
						<p:column>
							<h:outputLabel value="Tipo Catastrofe" for="tipoCatastrofe" />
						</p:column>
						<p:column>
							<h:outputText id="tipoCatastrofe"
								value="#{fichaBean.fichaVO.tipoCatastrofe.glosa}" />
						</p:column>
						<p:column>
							<h:outputLabel value="Nombre Evaluador" for="nombreEncuestador" />
						</p:column>
						<p:column>
							<h:outputText id="nombreEncuestador"
								value="#{fichaBean.fichaVO.encuestador.persona.nombres} 
						 #{fichaBean.fichaVO.encuestador.persona.apellidopaterno} 
						 #{fichaBean.fichaVO.encuestador.persona.apellidomaterno}" />
						</p:column>
						<p:column>
							<h:outputLabel value="Profesión" for="profesionEncuestador" />
						</p:column>
						<p:column>
							<h:outputText id="profesionEncuestador"
								value="#{fichaBean.fichaVO.encuestador.profesion}" />
						</p:column>
					</p:row>
				</p:panelGrid>

				<p:panel
					header="Antecedentes de la Vivienda Afectada y Grupo Familiar Principal"
					style="margin-top:20px">
					<p:panelGrid style="width: 100%;">
						<p:row>
							<p:column colspan="6" style="width: 85%;">
								<h:outputLabel value="Antecedentes del Encuestado" />
							</p:column>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.moradore.glosa}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel value="Apellido Paterno" />
							</p:column>
							<p:column colspan="2">
								<h:outputLabel value="Apellido Materno" />
							</p:column>
							<p:column>
								<h:outputLabel value="Nombres" />
							</p:column>
							<p:column>
								<h:outputLabel value="RUN" />
							</p:column>
							<p:column>
								<h:outputLabel value="Género" />
							</p:column>
							<p:column>
								<h:outputLabel value="Nacionalidad" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.persona.apellidopaterno}" />
							</p:column>
							<p:column colspan="2">
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.persona.apellidomaterno}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.persona.nombres}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.persona.rut} - 
												#{fichaBean.fichaVO.encuestado.persona.digitoverificador}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.persona.genero.genero}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.persona.nacionalidad}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column colspan="7">
								<h:outputLabel value="Dirección" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel value="Calle" />
							</p:column>
							<p:column>
								<h:outputLabel value="Numeración" />
							</p:column>
							<p:column>
								<h:outputLabel value="Casa" />
							</p:column>
							<p:column>
								<h:outputLabel value="Block" />
							</p:column>
							<p:column>
								<h:outputLabel value="Depto" />
							</p:column>
							<p:column>
								<h:outputLabel value="Piso" />
							</p:column>
							<p:column>
								<h:outputLabel value="Otros (Manzana-Sitio)" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.direccion.calle}" />
							</p:column>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.direccion.numero}" />
							</p:column>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.direccion.casa}" />
							</p:column>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.direccion.block}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.direccion.departamento}" />
							</p:column>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.direccion.piso}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.direccion.manzanasitio}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel value="Villa, Conjunto o Población" />
							</p:column>
							<p:column colspan="2">
								<h:outputLabel value="Comuna" />
							</p:column>
							<p:column>
								<h:outputLabel value="Zona" />
							</p:column>
							<p:column colspan="3">
								<h:outputLabel value="Teléfono de Contacto" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.direccion.villaconjuntopoblacion}" />
							</p:column>
							<p:column colspan="2">
								<h:outputText
									value="#{fichaBean.fichaVO.direccion.comuna.glosa}" />
							</p:column>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.direccion.zona.glosa}" />
							</p:column>
							<p:column colspan="3">
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.persona.telefono}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel value="Acceso a la Vivienda" />
							</p:column>
							<p:column colspan="2">
								<h:outputLabel value="Condición de Ocupación de la Vivienda" />
							</p:column>
							<p:column>
								<h:outputLabel value="Habitación Transitoria" />
							</p:column>
							<p:column colspan="3">
								<h:outputLabel value="Integrantes del Grupo Familiar Principal" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.accesoVivienda.glosa}" />
							</p:column>
							<p:column colspan="2">
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.condicionOcupacion.glosa}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.encuestado.habitacionTransitoria.glosa}" />
							</p:column>
							<p:column colspan="3">
								<p:panelGrid>
									<p:row>
										<p:column style="width: 25%;">
											<h:outputLabel value="Menores" style="font-size: 0.6em;" />
										</p:column>
										<p:column style="width: 25%;">
											<h:outputText
												value="#{fichaBean.fichaVO.encuestado.grupoPrincipal.numeromenores}" />
										</p:column>
										<p:column style="width: 25%;">
											<h:outputLabel value="Adultos Mayores"
												style="font-size: 0.6em;" />
										</p:column>
										<p:column style="width: 25%;">
											<h:outputText
												value="#{fichaBean.fichaVO.encuestado.grupoPrincipal.numeromenores}" />
										</p:column>
									</p:row>
									<p:row>
										<p:column style="width: 25%;">
											<h:outputLabel value="Adultos" style="font-size: 0.6em;" />
										</p:column>
										<p:column style="width: 25%;">
											<h:outputText
												value="#{fichaBean.fichaVO.encuestado.grupoPrincipal.numeroadultos}" />
										</p:column>
										<p:column style="width: 25%;">
											<h:outputLabel value="Discapacitados"
												style="font-size: 0.6em;" />
										</p:column>
										<p:column style="width: 25%;">
											<h:outputText
												value="#{fichaBean.fichaVO.encuestado.grupoPrincipal.requerimientosespeciales}" />
										</p:column>
									</p:row>
									<p:row>
										<p:column colspan="2">
											<h:outputLabel value="Total" style="font-size: 0.6em;" />
										</p:column>
										<p:column colspan="2">
											<h:outputText
												value="#{fichaBean.fichaVO.encuestado.grupoPrincipal.totalPersonas}" />
										</p:column>
									</p:row>
								</p:panelGrid>
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>

				<p:dataTable id="listGrupoSecundario" var="grupoSecundario"
					value="#{fichaBean.fichaVO.encuestado.grupoSecundarios}"
					rowKey="#{grupoSecundario.idgruposecundario}"
					style="margin-top: 20px;" rows="10" paginator="true"
					rowsPerPageTemplate="5,10,15" emptyMessage="No existen registros"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					currentPageReportTemplate="{currentPage} de {totalPages}">
					<f:facet name="header">
					Datos de Grupos Familiares Distintos al Grupo Familiar Principal
				</f:facet>
					<p:column headerText="Nombre Jefe de Familia">
						<h:outputText value="#{grupoSecundario.persona.nombres}" />
					</p:column>
					<p:column headerText="Apellido Paterno">
						<h:outputText value="#{grupoSecundario.persona.apellidopaterno}" />
					</p:column>
					<p:column headerText="RUN">
						<h:outputText value="#{grupoSecundario.persona.rut}" />
					</p:column>
					<p:column headerText="DV">
						<h:outputText value="#{grupoSecundario.persona.digitoverificador}" />
					</p:column>
					<p:column headerText="Teléfono">
						<h:outputText value="#{grupoSecundario.persona.telefono}" />
					</p:column>
					<p:column headerText="Total Integrantes">
						<h:outputText value="#{grupoSecundario.totalgrupo}" />
					</p:column>
					<p:column headerText="Ocupación Vivienda">
						<h:outputText value="#{grupoSecundario.ocupacionVivienda.glosa}" />
					</p:column>
				</p:dataTable>

				<p:panel header="Diagnóstico Técnico Preliminar Vivienda"
					style="margin-top:20px">
					<p:panelGrid style="width: 100%;">
						<p:row>
							<p:column>
								<h:outputLabel value="Tipología de la Vivienda" />
							</p:column>
							<p:column>
								<h:outputLabel value="Modalidad Constructiva" />
							</p:column>
							<p:column>
								<h:outputLabel value="Sistema Agrupamiento" />
							</p:column>
							<p:column>
								<h:outputLabel value="Total Pisos" />
							</p:column>
							<p:column>
								<h:outputLabel value="Material Predominante" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.tipologiaVivienda.glosa}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.modalidadConstructiva.glosa}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.sistemaAgrupamiento.glosa}" />
							</p:column>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.numeropisos}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.materialPredominante.glosa}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column colspan="5">
								<p:dataTable
									value="#{fichaBean.fichaVO.instalacionDomiciliarias}"
									var="domciliaria" emptyMessage="No existen registros">
									<f:facet name="header">
									Instalaciones Domiciliarias
								</f:facet>
									<p:column headerText="Tipo de Instalación">
										<h:outputText value="#{domciliaria.tipoInstalacion.glosa}" />
									</p:column>
									<p:column headerText="Detalle">
										<h:outputText
											value="#{domciliaria.detalleinstalaciondomiciliaria.glosa}" />
									</p:column>
								</p:dataTable>
							</p:column>
						</p:row>
						<p:row>
							<p:column colspan="3">
								<h:outputLabel
									value="Indicar si la vivienda ha sido intervenida estructuralmente, de manera irregular (ampliaciones, modificaciones, etc)" />
							</p:column>
							<p:column colspan="2">
								<h:outputText value="#{fichaBean.fichaVO.intervencion.valor}" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>
				<p:panel header="Situación de la Vivienda" style="margin-top:20px">
					<p:panelGrid style="width: 100%;">
						<p:row>
							<p:column>
								<h:outputLabel value="Tipo de Daño" />
							</p:column>
							<p:column>
								<h:outputLabel value="Descripción" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.situacionVivienda.glosacorta}" />
							</p:column>
							<p:column>
								<h:outputText
									value="#{fichaBean.fichaVO.situacionVivienda.glosalarga}" />
							</p:column>
						</p:row>
					</p:panelGrid>
					<p:panelGrid style="width: 100%; margin-top: 10px;">
						<p:row>
							<p:column style="text-align: right;">
								<h:outputLabel
									value="¿Requiere la visita de un ingeniero estructural?" />
							</p:column>
							<p:column style="width: 50%;">
								<h:outputText
									value="#{fichaBean.fichaVO.visitaEstructural.glosa}" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>
				<p:dataTable id="listDanioVivienda" var="danioVivienda"
					value="#{fichaBean.fichaVO.danoViviendas}"
					rowKey="#{danioVivienda.iddanovivienda}" style="margin-top: 20px;"
					rows="10" paginator="true" rowsPerPageTemplate="5,10,15"
					emptyMessage="No existen registros"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					currentPageReportTemplate="{currentPage} de {totalPages}">
					<f:facet name="header">
					Evaluación de Daños de la Vivienda
				</f:facet>
					<p:column headerText="Tipo de Evaluación">
						<h:outputText value="#{danioVivienda.itemDano.evaluacion.glosa}" />
					</p:column>
					<p:column headerText="Item">
						<h:outputText value="#{danioVivienda.itemDano.glosa}" />
					</p:column>
					<p:column headerText="Tipo de Daño">
						<h:outputText value="#{danioVivienda.tipoDanoVivienda.glosa}" />
					</p:column>
				</p:dataTable>
				<p:panel header="Observaciones Generales" style="margin-top:20px">
					<p:panelGrid style="width: 100%;">
						<p:row>
							<p:column>
								<h:outputText value="#{fichaBean.fichaVO.observacion}" />
							</p:column>
						</p:row>
					</p:panelGrid>
				</p:panel>
			</div>
		</h:form>
		<p:separator style="width: 100%;" />
		<footer id="footer"> Versión 1.0 </footer>
	</body>
</f:view>
</html>